﻿body
{
	
	background-image: url(../../images/background.png);	
	color:Black;
	background-repeat:repeat-y;
	font-family:Arial, Sans-Serif;
	font-size: 14px;
	
}

input[type='text']
{
	position:relative;
	float:right;
	margin-top:-20px;
	margin-right:150px;
	width:250px;
	
}

select
{
	position:relative;
	float:right;
	margin-top:-20px;
	margin-right:150px;
	width:200px;
	}

A:link 
{
	 color:#767676;
	 text-decoration: none;
}
A:visited
{
	 color:#5f5e5e;
	 text-decoration: none;
}

.contenedor
{
	position:relative;
	float:left;
	width:710px;
	padding-top:10px;

}

.header
{
	position:relative;
	height:38px;
	width:1152px;
	background-image: url(../../images/header.png);
	
}
.login
{
	position:relative;
	padding-top:4px;
	padding-left:750px;
	font-family:Arial, Sans-Serif;
	width:300px;
}
.banner
{
	position:relative;
	width:1152px;
	height:176px;
	background-image: url(../../images/banner.png);
}

.bodybackground
{
	position:relative;
	width:1152px;
	background-image: url("../../images/body.png") ;
	background-repeat:repeat-y;
	
	
}
.footer
{
	position:relative;
	height:67px;
	width:1152px;
	background-image: url("../../images/footer.png");
	
	clear:both;
	
}


/***********************************************************************/
/*********************  ELEMENTOS DECORATIVOS **************************/
/***********************************************************************/
.separador
{
	background-color:White; 
	border-color:White; 
	height:5px;
	
	
}	
	
.recuadro
{
	position:relative;

	background-color:#e6e6e6;
	
	border: 5px solid black;
	
	border-bottom:30px;
	border-top:30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	
	color:Black;
	
	width:600px;
}
.botones
{
	position:relative;
	width:77;
	height:33;
	}
/***********************************************************************/	
/********************PANEL DEL MENU LATERAL*****************************/
/***********************************************************************/

.pnlMenu
{
	position:relative;
	float:left; 
	margin-right:30px;
	padding-left:210px;
	padding-top:20px;
	
	
}

.accordionCabecera
{
	position:relative;
	width:121px;	
	border: 1px solid black;
	background-image: url(../../images/pnlMenu.png);
	background-repeat:repeat-x;
	color:Black;


	font-family: Myriad Pro, Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;

	padding: 4px;
	margin-top: 4px;
	cursor: pointer;
}

.accordionContenido
{
width:115px;	
background-color: #e6e6e6;
border: 1px solid black;
border-top: none;

font-family: Myriad Pro, Arial, Sans-Serif;
font-size: 14px;
padding: 7px;
} 

/***********************************************************************/
/********************** TABLAS DE MUESTREO DE DATOS ********************/
/***********************************************************************/

.tblGeneral
{
	
	width:690px;
	
	

}
.tblHeader
{
	
	
	font-weight: bold;
	background-color:#b3b3b3;
	text-align:center;
	 
	
}

.tblBody
{
	
	background-color: #e6e6e6;
	
}

/***********************************************************************/
/****************** VENTANA MODAL CON TABLA ****************************/
/***********************************************************************/

.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup
{
    background-color:#e6e6e6;
    border-width:3px;
    border-style:solid;
    border-color:Black;
    padding:3px;
    width:710px;
    height:600px;
    overflow:auto;

}


/***********************************************************************/
/********************** PANEL DEL DIAGRAMA *****************************/
/***********************************************************************/

.diagrama {

 position:relative;
 height:800px;
 width:670px;

}

.diagramaOpciones
{
	position:relative;
	width:610px;
}



/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
